home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / config.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  7.0 KB  |  290 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the Opera config document */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     font-size: 100%;
  9.     color: hsl(0,0%,22%);
  10.     background-color: hsl(0,0%,93%);
  11.     margin: 0 auto 10px;
  12.     border-width: 0 1px;
  13.     border-color: hsl(0,0%,57%);
  14.     border-style: solid;
  15.     max-width: 800px;
  16.     voice-family: female;
  17. }
  18. body {
  19.     color: inherit;
  20.     background-color: hsl(0,0%,96%);
  21.     margin: 0;
  22. }
  23. fieldset table, fieldset div, #showall, #searchbox, fieldset, fieldset.dirty tr, #nohits {display: none;}
  24. fieldset.expanded, fieldset.notexpanded, fieldset.expanded div, div.hasscript #showall, div.hasscript #searchbox, #nohits.nonefound {display: block;}
  25. fieldset.expanded table {display: table;}
  26. fieldset.dirty tr.wasmatch {display: table-row;}
  27. fieldset.dirty table:before, fieldset.dirty table:after {
  28.     content: "... ...";
  29.     text-align: center;
  30.     display: block;
  31.     speak: none;
  32. }
  33. h1 {
  34.     font-family: sans-serif;
  35.     font-size: 110%;
  36.     font-weight: normal;
  37.     text-align: right;
  38.     letter-spacing: -1px;
  39.     color: hsl(0,0%,29%);
  40.     background-image: url(images/top.png);
  41.     background-repeat: repeat-x;
  42.     padding: 20px 10px 15px;
  43.     margin: 0;
  44. }
  45. html[dir="rtl"] h1 {
  46.     text-align: left;
  47.     letter-spacing: normal;
  48. }
  49. noscript+div, h1+div, noscript p, #nohits {
  50.     font-size: 75%;
  51.     color: hsl(0,0%,29%);
  52.     background-color: hsl(0,0%,89%);
  53.     background-image: url(images/bar.png);
  54.     background-repeat: repeat-x;
  55.     background-position: 0px 0px;
  56.     padding: 5px 7px;
  57.     border-top: 1px solid hsl(0,0%,57%);
  58.     border-bottom: 1px solid hsl(0,0%,57%);
  59. }
  60. #help {
  61.     float: right;
  62.     margin: 0px 20px;
  63. }
  64. html[dir="rtl"] #help {float: left;}
  65. a {
  66.     color: hsl(0,0%,29%);
  67.     background-color: transparent;
  68. }
  69. #showall {
  70.     margin: 0.2em 1em 0;
  71.     float: left;
  72. }
  73. html[dir="rtl"] #showall {float: right;}
  74. #searchbox {margin: 0px;}
  75. #searchbox label {display: inline-block;}
  76. fieldset {
  77.     font-size: 75%;
  78.     line-height: 130%;
  79.     padding: 0;
  80.     margin: 20px;
  81.     border: none;
  82. }
  83. fieldset.expanded {
  84.     background-color: hsl(0,0%,99%);
  85.     border-style: solid;
  86.     border-width: 1px;
  87.     border-color: hsl(0,0%,85%) hsl(0,0%,85%) hsl(0,0%,74%);
  88. }
  89. legend {
  90.     padding: 0 5px;
  91.     border-left: 10px solid hsl(0,0%,85%);
  92.     cursor: pointer;
  93. }
  94. legend:hover {text-decoration: underline;}
  95. fieldset.expanded legend {
  96.     font-size: 150%;
  97.     font-weight: bold;
  98.     letter-spacing: -1px;
  99.     background: transparent;
  100.     margin-left: 12px;
  101.     border-right: 10px solid hsl(0,0%,85%);
  102.     display: block;
  103. }
  104. html[dir="rtl"] fieldset.expanded legend {
  105.     letter-spacing: normal;
  106.     margin-right: 12px;
  107. }
  108. table {
  109.     font-size: 100%;
  110.     border-spacing: 0;
  111.     border-collapse: collapse;
  112.     width: 100%;
  113. }
  114. th, td {
  115.     vertical-align: top;
  116.     padding: 2px 3px;
  117.     border-width: 1px 0;
  118.     border-style: solid;
  119.     border-color: hsl(0,0%,74%) hsl(0,0%,99%) hsl(0,0%,99%);
  120. }
  121. tr:first-child>* {border-top-color: hsl(0,0%,99%);}
  122. th {
  123.     font-weight: normal;
  124.     text-align: left;
  125.     padding: 2px 2px 2px 5px;
  126.     width: 340px;
  127. }
  128. html[dir="rtl"] th {text-align: right;}
  129. input[type] {
  130.     font-family: monospace;
  131.     font-size: 100%;
  132.     color: WindowText;
  133.     box-sizing: content-box;
  134. }
  135. [type="text"], [type="number"], [type="file"] {
  136.     margin-right: 13px;
  137.     width: 245px;
  138. }
  139. input[type="file"] {font-family: inherit;}
  140. html[dir="rtl"] [type="text"], html[dir="rtl"] [type="number"], html[dir="rtl"] [type="file"] {
  141.     margin-left: 15px;
  142.     margin-right: 0;
  143. }
  144. html[dir="rtl"] [type="file"] {margin-left: 13px;}
  145. #searchbox [type="text"] {color: GrayText;}
  146. #searchbox [type="text"]:focus {color: WindowText;}
  147. fieldset [type="checkbox"] {
  148.     vertical-align: top;
  149.     margin-right: 248px;
  150.     position: relative;
  151.     top: 1px;
  152.     left: -3px;
  153. }
  154. html[dir="rtl"] [type="checkbox"] {
  155.     margin-left: 248px;
  156.     margin-right: 0;
  157.     left: auto;
  158.     right: -3px;
  159. }
  160. [type="button"] {
  161.     font-size: 1em;
  162.     margin: 0 2px 0 15px;
  163. }
  164. html[dir="rtl"] [type="button"] {margin: 0 15px 0 2px;}
  165. td a {
  166.     text-decoration: none;
  167.     color: hsl(0,0%,57%);
  168. }
  169. .match {background-color: hsl(0,0%,92%);}
  170. .match label {font-weight: bold;}
  171. fieldset div {
  172.     background-color: hsl(0,0%,93%);
  173.     background-image: url(images/bar.png);
  174.     background-repeat: repeat-x;
  175.     background-position: 0px -5px;
  176.     padding: 3px 7px;
  177.     border-top: 1px solid hsl(0,0%,74%);
  178. }
  179. fieldset div button {
  180.     min-width: 50px;
  181.     margin: 0 7px;
  182. }
  183. body::after {
  184.     content: "";
  185.     background-color: hsl(0,0%,98%);
  186.     background-image: url(images/center.png);
  187.     background-repeat: repeat-x;
  188.     background-position: left bottom;
  189.     border-top: 1px solid hsl(0,0%,57%);
  190.     height: 20px;
  191.     width: 100%;
  192.     display: block;
  193.     speak: none;
  194. }}
  195. @media screen and (max-width: 740px), projection and (max-width: 740px), tv and (max-width: 740px) {
  196.     html {
  197.         margin: 0 auto;
  198.         border-width: 0 1px;
  199.     }
  200.     th, td {width: 50%;}
  201.     th::before {display: none}
  202.     fieldset {
  203.         font-size: 75%;
  204.         margin: 20px 10px;
  205.     }
  206.     fieldset input[type] {
  207.         width: auto;
  208.         margin: 0;
  209.         display: block;
  210.     }
  211.     fieldset [type="button"] {margin: 4px 2px 2px;}
  212.     fieldset input[type="text"], fieldset input[type="number"], fieldset input[type="file"] {
  213.         margin: 2px;
  214.         width: 95% !important;
  215.         display: block;
  216.     }
  217.     fieldset div {
  218.         background-position: 0px -4px;
  219.         padding: 3px 7px;
  220.     }
  221. }
  222. @media screen and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px) {
  223.     table, tbody, tr, th, td {display: block;}
  224.     td, th {width: auto;}
  225.     td {border-top-width: 0;}
  226.     noscript+div, h1+div, noscript p, #nohits {
  227.         padding: 1px 4px 2px;
  228.         position: relative;
  229.     }
  230.     fieldset input {
  231.         margin: 0 !important;
  232.         display: block;
  233.     }
  234.     fieldset input[type="checkbox"], fieldset input[type="checkbox"]+input[type="button"] {display: inline-block;}
  235.     html[dir="rtl"] #help, #help, html[dir="rtl"] #showall, #showall {
  236.         margin: 0 0 2px;
  237.         float: none;
  238.     }
  239.     #showall {
  240.         position: absolute;
  241.         top: 1px;
  242.         right: 5px;
  243.     }
  244.     html[dir="rtl"] #showall {
  245.         left: 5px;
  246.         right: auto;
  247.     }
  248.     #searchbox input {
  249.         margin: auto;
  250.         width: 99%;
  251.     }
  252. }
  253. @media screen and (max-width: 280px), projection and (max-width: 280px), tv and (max-width: 280px) {
  254.     h1 {
  255.         text-align: center;
  256.         padding: 10px 5px;
  257.     }
  258.     fieldset {font-size: 70%;}
  259.     fieldset div button {min-width: 0;}
  260.     fieldset.expanded legend {font-size: 120%;}
  261. }
  262. @media screen and (min-width: 1281px), projection and (min-width: 1281px) {
  263.     html {max-width: 1000px;}
  264.     th {width: 360px;}
  265.     [type="text"], [type="number"], fieldset [type="file"] {width: 420px;}
  266.     fieldset [type="checkbox"] {margin-right: 423px;}
  267.     html[dir="rtl"] [type="checkbox"] {margin-left: 422px;}
  268. }
  269. @media print {
  270.     * {border: none;}
  271.     h1 {
  272.         font-size: 16pt;
  273.         text-align:center;
  274.     }
  275.     h2 {font-size: 13pt;}
  276.     table, h2+p {margin-bottom: 1cm;}
  277.     th {
  278.         font-weight: normal;
  279.         text-align: left;
  280.     }
  281.     html[dir="rtl"] th {text-align: right;}
  282.     legend {
  283.         font-size: 13pt;
  284.         font-weight: bold;
  285.         page-break-after: avoid;
  286.     }
  287.     noscript+div, h1+div, noscript p, #nohits, input, button, a {display: none;}
  288. }
  289.  
  290.